.banner {
    width: 100%;
    overflow: hidden;
    background-color: #ffe2f5;
    >.banner-center {
        padding: 0 0 30px 0;
        width: 420px;
        margin: 80px auto 0 auto;
        >.top {
            display: flex;
            p {
                font-size: 12px;
                color: #5e5e5e;
            }
            >span {
                margin-top: 15px;
                width: 130px;
                height: 3px;
                background-color: #ccc;
            }
            >.top-left {
                width: 90px;
                text-align: center;
                >span {
                    border-radius: 50%;
                    background-color: #fff;
                }
            }
            >.top-center {
                width: 90px;
                text-align: center;
                >span {
                    border-radius: 50%;
                    background-color: #fff;
                }
            }
            >.top-right {
                width: 80px;
                text-align: center;
                >span {
                    border-radius: 50%;
                    background-color: #fff;
                }
            }
        }
        // 
        >.ipt {
            input {
                margin-top: 20px;
            }
            #btn {
                width: 100px;
                line-height: 30px;
                color: #fff;
                background-color: red;
            }
            label:nth-child(2) {
                display: inline-block;
                width: 72px;
                text-align: center;
                line-height: 48px;
                color: #5e5e5e;
                font-size: 16px;
            }
            #username {
                display: inline-block;
                width: 270px;
                height: 48px;
                color: #ccc;
            }
            lable:nth-child(4) {
                display: inline-block;
                width: 72px;
                text-align: center;
                line-height: 48px;
                color: #5e5e5e;
                font-size: 16px;
            }
            #password {
                display: inline-block;
                width: 270px;
                height: 48px;
                color: #ccc;
            }
            lable:nth-child(6) {
                display: inline-block;
                width: 72px;
                text-align: center;
                line-height: 48px;
                color: #5e5e5e;
                font-size: 16px;
            }
            #email {
                display: inline-block;
                width: 270px;
                height: 48px;
                color: #ccc;
            }
            lable:nth-child(8) {
                display: inline-block;
                width: 72px;
                text-align: center;
                line-height: 48px;
                color: #5e5e5e;
                font-size: 16px;
            }
            #phone {
                display: inline-block;
                width: 270px;
                height: 48px;
                color: #ccc;
            }
        }
    }
}